<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>按扭控件</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

		<link rel="STYLESHEET" type="text/css" href="style/button.css">
		<link rel="STYLESHEET" type="text/css" href="style/icon.css">
		<script language="javascript" src="script/jquery-1.3.2.min.js"></script>
		<script language="javascript" src="script/button.js"></script>

	</head>

	<body>
		<h3>
			1、UI控件使用说明 －－ 按扭
		</h3>
		<ul>
			<li>
				首先在head中加载以下四个文件
				<br>
				&lt;link rel=&quot;STYLESHEET&quot; type=&quot;text/css&quot;
				href=&quot;style/style.css&quot;&gt;
				<br>
				&lt;link rel=&quot;STYLESHEET&quot; type=&quot;text/css&quot;
				href=&quot;style/icon.css&quot;&gt;
				<br>
				&lt;script language=&quot;javascript&quot;
				src=&quot;script/jquery-1.3.2.min.js&quot;&gt;&lt;/script&gt;
				<br>
				&lt;script language=&quot;javascript&quot;
				src=&quot;script/pico-ui.js&quot;&gt;&lt;/script&gt;
			</li>
			这样页面中的所有input按扭都将会被自动渲染为
			<input type='button' value='按扭'>
			<br>
			<br>
			<li>
				通过CSS更改图标，如.icon-save {background-image: url(icons/save.gif)
				!important;},
				<br />
				页面标签添加icon属性：&lt;input icon='icon-save' type='button' value='按扭'
				&gt;
				<input icon='icon-save' type='button' value='保存'>
				<br>
				<br>
			</li>
			<li>
				示例
				</br>
				<input type='button' value='按扭' onclick='alert(1)'>
				&lt;input type='button' value='按扭' onclick='alert(1)'&gt;
				<br>
				<input id='dsb' type='button' value='disabled按扭' onclick='alert(1)'
					disabled=true>
				&lt;input id='dsb' type='button' value='disabled按扭'
				onclick='alert(1)' disabled&gt;
				<br>
				<input type='button' value='可用'
					onclick='javascript:$("#dsb").btn().enable()'>
				&lt;input type='button' value='可用'
				onclick='javascript:$("#dsb").bnt().enable()'&gt;
				<br>
				<input type='button' value='不可用'
					onclick='javascript:$("#dsb").btn().disable()'>
				&lt;input type='button' value='不可用'
				onclick='javascript:$("#dsb").btn().disable()'&gt;
				<br>
				<br>

				<input icon='icon-save' type='submit'
					value='提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交'>
				&lt;input icon='icon-save' type='submit' value='提交' &gt;
				<br>
				<input icon='icon-reset' type='button' value='重置'>
				&lt;input icon='icon-reset' type='button' value='重置' &gt;
				<br>
				<br>

				<input icon='icon-search' type='button' value='查询'>
				&lt;input icon='icon-search' type='button' value='查询' &gt;
				<br>
				<input icon='icon-add' type='button' value='添加'>
				&lt;input icon='icon-add' type='button' value='添加' &gt;
				<br>
				<input icon='icon-edit' type='button' value='编辑'>
				&lt;input icon='icon-edit' type='button' value='编辑' &gt;
				<br>
				<input icon='icon-delete' type='button' value='删除'>
				&lt;input icon='icon-delete' type='button' value='删除' &gt;
				<br>
				<input icon='icon-save' type='button' value='保存'>
				&lt;input icon='icon-save' type='button' value='保存' &gt;
				<br>
			</li>
		</ul>
	</body>
</html>
